$(function () {
    // 3.完善页面结构
    //3.0 实现本地预览
    $('#inputCover').on('change', function () {
        let myurl = URL.createObjectURL(this.files[0])
        $('.article_cover').attr('src', myurl)
    })
    // 3.1 动态加载分类数据
    // 动态渲染分类数据-所有文章类别接口
    $.ajax({
        // 请求地址：/admin/category/list
        // 请求方式：get
        // 请求参数：通过`formData`提交
        url: bignew.category_list,
        dataType: 'json',
        success: function (res) {
            if (res.code == 200) {
                // 调用模板引擎的时候传入一个对象，在模板中可以使用这个对象的属性
                let html = template('cateListTemp', res)
                $('.category').html(html)
            }
        }
    })
    // 3.2 初始化日期插件
    jeDate("#indate", {
        trigger: "click",
        format: "YYYY-MM-DD",
        isTime: false,
        minDate: "2014-09-19",
        theme: { bgcolor: "#00A1CB", color: "#ffffff", pnColor: "#00CCFF" }
    })
    // 3.3 初始化富文本插件
    tinymce.init({
        selector: '#mytextarea',
        language: 'zh_CN',
        directionality: 'ltl', // 文字的方向
        browser_spellcheck: true, // 拼写语法检查
        contextmenu: false, // 是否支持右键菜单
        plugins: [ // 添加插件
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste imagetools wordcount",
            "code"
        ],
        // 下面是添加工具条
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code"
    });

    // 1.获取id,页面跳转设置参数传递 在list.html结构中
    // console.log(location.search.split('=')[1]);  //235
    let id = location.search.split('=')[1]
    //2.根据id 获取文章信息
    $.ajax({
        url: bignew.article_search,
        data: { id },
        dataType: 'json',
        success: function (res) {

            // 4.请求成功，把数据打印到页面
            if (res.code == 200) {
                $('#inputTitle').val(res.data.title)
                $('.article_cover').attr('src', res.data.cover)
                //下拉列表的数据
                $('.category').val(res.data.categoryId)
                $('#indate').val(res.data.date)
                $('#mytextarea').val(res.data.content)
            }
        }
    })
    //6.封装 实现文章编辑&存为草稿功能
    function opt(state) {
        let formdata = new FormData($('#form')[0])
        formdata.append('id', id);
        formdata.append('content', tinymce.activeEditor.getContent())
        formdata.append('state', state)
        // console.log(...formdata);
        $.ajax({
            // 请求地址：/admin/article/edit
            // 请求方式：post
            type: 'post',
            url: bignew.article_edit,
            data: formdata,
            dataType: 'json',
            processData: false,
            contentType: false,
            success: function (res) {
                // console.log(res);
                if (res.code == 200) {
                    alert(res.msg);
                    location.href = './article_list.html';
                }
            }
        })
    }

    // 5.实现文章编辑功能
    $('.btn-edit').on('click', function (e) {
        e.preventDefault()
        opt('已发布')
        // let formdata = new FormData($('#form')[0])
        // formdata.append('id', id);
        // formdata.append('content', tinymce.activeEditor.getContent())
        // formdata.append('state', '已发布')
        // console.log(...formdata);
        // $.ajax({
        //     // 请求地址：/admin/article/edit
        //     // 请求方式：post
        //     type: 'post',
        //     url: bignew.article_edit,
        //     data: formdata,
        //     dataType: 'json',
        //     processData: false,
        //     contentType: false,
        //     success: function (res) {
        //         console.log(res);
        //         if (res.code == 200) {
        //             alert(res.msg);
        //             location.href = './article_list.html';
        //         }
        //     }
        // })
    })

    $('.btn-draft').on('click', function (e) {
        e.preventDefault()
        opt('草稿')
    })
})//入口函数结束